<div id="gp-create-form">
	<{includeq file="db:groups_header.html"}>

	<div style="text-align: center; margin-bottom: 20px;">
		1. 选择分类 &nbsp;
		2. 群组名称 &nbsp;
		3. 参数设置 &nbsp;
		4. 主题设置 &nbsp;
		5. 完成
	</div>

	<div class="gp-form" style="width: 600px; margin: 0 auto; background-color: #fff; padding: 10px; border: 1px solid #ddd;">
		<{if $next eq 1}>
			<div style="padding: 10px; margin-bottom: 20px; border: 1px solid #6699cc; background-color: #99ccff; color: #fff;">
				请选择一个分类，群组创建后，分类将不能再修改，请谨慎!
			</div>
			<form name="createGroup" action="create.php" method="post" >
				<ul>
					<{foreachq item=item from=$categories}>
						<li style="height: 40px; padding-top: 5px;">
							<span style="float: right; display: block; border: 1px solid #cc9966;padding: 5px; width: 320px; background-color: #ffee66; font-size: smaller; color: #333;"><{$item.cat_description}></span>
							<input type="radio" name="cat_id" value="<{$item.cat_id}>" />&nbsp;
							<a href="category.php?id=<{$item.cat_id}>"><{$item.cat_name}></a> (<{$item.cat_group_total}>) 
						</li>
					<{/foreach}>
				</ul>
				<div style="text-align: center;">
					<input type="hidden" name="next" value="2" />
					<input type="submit" name="submit" value="Submit" />
					<input type="reset" name="reset" value="Reset" />
				</div>
			</form>
		<{elseif $next eq 2}>
			<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #6699cc; background-color: #99ccff; color: #fff;">
				请填写群组名称、群组说明。
			</div>
			<form name="<{$form.name}>" id="<{$form.name}>" action="<{$form.action}>" method="<{$form.method}>" >
				<table width="100%">
					<tr>
						<td><div style="padding: 3px;"><{$smarty.const._GP_FORM_CATEGORIES}></div></td>
						<td><div style="padding: 3px;"><a href="category.php?id=<{$category.cat_id}>"><{$category.cat_name}></a> (<{$category.cat_group_total}>)</div></td>
					</tr>
					<{foreachq item=item from=$form.elements}>  
						 <{if !$item.hidden}>
							<tr>
								<td><div style="padding: 3px;"><{$item.caption}></div></td>
								<td><div style="padding: 3px;"><{$item.body}></div></td>
							</tr>
						 <{/if}>
					<{/foreach}>
				</table>
				<{foreachq item=item from=$form.elements}>
				<{if $item.hidden}>
					 <{$item.body}>
				<{/if}>
				<{/foreach}>
			</form>
		<{elseif $next eq 3 }>
			<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #6699cc; background-color: #99ccff; color: #fff;">
				群组 <a href="group.php?id=<{$group.group_id}>"><{$group.group_name}></a> 创建成功。可以继续设置权限，<a href="group.php?id=<{$group.group_id}>">以后再说</a>。
			</div>
			<form name="<{$form.name}>" id="<{$form.name}>" action="<{$form.action}>" method="<{$form.method}>" >
				<table width="100%">
					<{foreachq item=item from=$form.elements}>  
						 <{if !$item.hidden}>
							<tr>
								<td width="15%" valign="top"><div style="padding: 3px;"><{$item.caption}></div></td>
								<td><div style="padding: 3px;"><{$item.body}></div></td>
							</tr>
						 <{/if}>
					<{/foreach}>
				</table>
				<{foreachq item=item from=$form.elements}>
				<{if $item.hidden}>
					 <{$item.body}>
				<{/if}>
				<{/foreach}>
			</form>
			
		<{elseif $next eq 4}>
			text
		<{/if}>
	</div>
	
	<script type="text/javascript">
		$(document).ready(function(){ 	
			$("#gp-create-form form").submit(function() {
				var options= {
					success: returnInfo
				};
				$(this).ajaxSubmit(options);
				return false;
			});
		});
		function returnInfo(data) {
			$("div[id=gp-create-form]").html(data);
		}
	</script>
	
</div>


